<template>
	<div>
	
		<div class="okd">
			<img src="http://hstatic.1818pay.cn/image/icon/suc.png" />
			<p class="tex1">提交成功</p>
			<p class="tex2">可在还款通道列表查看详情</p>
      <!-- <p class="tex3"><span>光大银行注意：</span>执行计划要提高信用卡的扫码支付额度（单笔一千，单日大于该计划的预留金额，单月大于该计划的还款金额）可拨打银行客服电话95595或在光大银行app设置</p> -->
		</div>
		<p  class="rebu" @click="goBack" long>点击返回主页</p>

	</div>
</template>

<script>
export default {
  methods: {
    goBack() {
      this.$router.push("/");
    }
  }
};
</script>

<style scoped="scoped">
* {
  margin: 0;
  padding: 0;
}

body {
  text-align: center;
  background-color: #f1f1f1;
}

html {
  background-color: #f1f1f1;
}

input[type="number"] {
  -moz-appearance: textfield;
}

input[type="button"] {
  -webkit-appearance: button;
}

header {
  font-size: 18px;
  background-color: #2a71c8;
  color: white;
  text-align: center;
  color: #ffffff;
  padding: 3% 0;
}

header img {
  float: left;
  width: 5%;
  margin: 1% 0 0 2%;
}

.okd {
  text-align: center;
  background-color: #2a71c8;
  padding: 10% 0;
}

.okd img {
  width: 20%;
}

.okd .tex1 {
  font-size: 16px;
  font-family: PingFang-SC-Regular;
  color: rgba(255, 255, 255, 1);
  line-height: 35px;
}

.okd .tex2 {
  font-size: 12px;
  font-family: PingFang-SC-Regular;
  color: rgba(136, 179, 232, 1);
  line-height: 35px;
}
.rebu {
  width: 80%;
  margin: 10% auto;
  padding: 5% 0;
  font-size: 18px;
  text-align: center;
  background-color: #2a71c8;
  color: white;
  border-radius: 10px;
}
.tex3{
  width:90%;
  margin:0 auto;
  color:#D7E2F0;
  text-align: left;
  font-size:15px;
  margin-top:20px;
}
.tex3 span{
  color:#FFB24F;
}
</style>